<template>
  <div>
    <div class="myform"></div>
    <div class="mytable">
      <!-- <my-table v-bind="tableConfig" :userList="userList"></my-table> -->
    </div>
  </div>
</template>

<script>
import MyTable from "./base-ui/Mytable";

import { test } from "@/service/testapi";
// 表格配置
import tableConfig from "./table.config";

export default {
  components: {
    MyTable
  },
  data: {
    tableConfig,
    // mock 表格数据
    userList: [
      {
        name: "wzr",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      },
      {
        name: "fgsg",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      },
      {
        name: "gsg",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      },
      {
        name: "jlhj",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      },
      {
        name: "yjhk",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      },
      {
        name: "dhh",
        intro: "1",
        createAt: "2022-12-12 12:12:12",
        updateAt: "2022-12-12 12:12:12"
      }
    ]
  },
  async created() {
    const data = await test();
    console.log("测试封装发送请求", data);
  }
};
</script>

<style lang="less" scoped>
.myform,
.mytable {
  padding: 15px;
}
</style>
